#body {
    min-width: 980px;

    >.container {
        width: 980px;
        margin: 0 auto;

        >span {
            display: block;
            margin: 18px 0;
        }

        >.first {
            width: 100%;

            >.top {
                position: relative;
                margin-bottom: 8px;

                >input {
                    position: absolute;
                    width: 268px;
                    height: 32px;
                    border-radius: 8px;
                    right: -4%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    outline: none;
                    border: none;
                    text-indent: 1em;
                }
            }

            >.bottom {
                width: 960px;
                display: flex;
                justify-content: space-between;

                >.left {
                    width: 200px;
                    height: 500px;

                    >ul {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;

                        >li {
                            display: flex;
                            width: 200px;
                            height: 32px;
                            justify-content: space-between;
                            align-items: center;
                            padding: 4px 15px;
                            background-color: #eee;
                            border-bottom: 1px solid #fff;

                            >div {
                                height: 24px;
                                padding: 2px 6px;
                                background-color: #ccc;
                                color: white;
                                border-radius: 8px;
                            }
                        }
                    }

                    >div {

                        background-color: #eee;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;

                        >.logo {
                            padding-top: 5px;
                            display: flex;
                            justify-content: center;
                            align-items: center;

                            >img {
                                width: 30px;
                                height: 30px;
                                box-shadow: 2px 2px 15px rgba($color: #000000, $alpha: .1);
                                margin-right: 4px;
                            }

                            >span {
                                font-size: 18px;
                                color: #636363;
                                opacity: .6;
                            }
                        }

                        img {
                            width: 120px;
                            height: 120px;
                            margin: 5px 0;
                        }
                    }
                }

                >.right {
                    width: 750px;
                    height: 500px;

                    >.swiper {
                        width: 100%;
                        height: 100%;
                        --swiper-theme-color: #fff;
                        --swiper-pagination-color: #fff;
                    }

                    img {
                        width: 750px;
                        aspect-ratio: auto 750 / 500;
                        height: 500px;
                    }

                }

            }

            >.second {
                margin-top: 20px;
                width: 100%;

                >span {
                    display: block;
                    margin: 8px;
                }

                >ul {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 980px;

                    >li {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        flex-direction: column;
                        width: calc((100% - 6px) / 6);
                        padding: 20px 0;
                        background-color: #eee;
                        border-right: 1px dashed#aaa;

                        >img {
                            width: 100px;
                            height: 150px;
                            border: 4px solid #fff;
                            box-shadow: 0 2px 15px rgba($color: #000000, $alpha: .2);
                        }

                        >span {
                            text-align: start;
                            display: block;
                            color: #0073b6;
                            margin: 8px 0;
                            font-size: 12px;
                            font-weight: bold;
                        }

                        >a {
                            width: 100px;
                            background-color: #1995dd;
                            color: #fff;
                            height: 24px;
                            padding: 2px 20px;
                            font-size: 14px;
                        }
                    }
                }
            }

            >.center {
                width: 980px;
                display: flex;
                margin-top: 20px;

                .third {
                    width: 270px;
                    display: flex;
                    flex-direction: column;
                    margin-right: 20px;

                    span {
                        display: block;
                        margin: 12px 0;
                        font-size: 15px;
                        font-weight: bold;
                    }

                    >ul {
                        display: flex;
                        flex-direction: column;
                        justify-content: left;

                        >li {
                            width: 100%;
                            height: 24px;
                            display: flex;
                            margin-top: 4px;
                            font-size: 12px;
                            align-items: center;

                            a {
                                color: #0073b6;
                                margin: 0 2px;
                            }

                            >img {
                                width: 24px;
                                height: 24px;
                                border-radius: 50%;
                                margin-right: 6px;
                            }
                        }
                    }

                    >img {
                        margin-top: 30px;
                        height: 170px;
                        width: 270px;
                    }
                }

                .fourth {
                    >span {
                        display: block;
                        margin: 12px 0;
                        font-size: 15px;
                        font-weight: bold;
                    }

                    >div {
                        >ul {
                            display: flex;

                            >li {
                                font-size: 13px;
                                margin-right: 32px;
                                font-weight: bold;

                                &.active {
                                    color: #1995dd;
                                }
                            }
                        }
                    }

                    >.jinnang {


                        >ul {
                            display: flex;
                            flex-wrap: wrap;
                            width: 100%;
                            justify-content: center;
                            align-items: center;

                            >li {
                                width: calc((680px - 140px)/5);

                                padding: 4px 0;
                                display: flex;
                                flex-direction: column;
                                justify-content: center;
                                align-items: center;
                                margin: 5px 14px;

                                >div {
                                    >a {
                                        >img {
                                            box-sizing: content-box;
                                            width: 100px;
                                            height: 150px;
                                            border: 4px solid #fff;
                                            box-shadow: 2px 2px 15px rgba($color: #000000, $alpha: .2);
                                        }
                                    }
                                }

                                >.text {
                                    display: flex;
                                    flex-direction: column;
                                    justify-content: flex-start;
                                    width: 108px;

                                    >p {
                                        margin-top: 8px;
                                        font-size: 13px;
                                        font-weight: bold;
                                        color: #0073b6;
                                    }

                                    >span {
                                        margin-top: 4px;
                                        font-size: 13px;
                                        color: #636363;
                                        font-weight: 400;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }




    }
}